<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>JQuery Media Plugin - Audio Demo</title>

<style type="text/css">
#main {
	background: #fff;
	margin: 20px;
	text-align: center
}

a.media {
	display: block;
}

div.media {
	font-size: small;
	margin: 25px;
	width: 100% !important
}

div.media div,div.iframe_caption {
	font-style: italic;
	color: #888;
}

div.example {
	padding: 20px;
	margin: 15px 0px;
	background: #ffe;
	clear: left;
	border: 1px dashed #ccc;
	text-align: left
}
</style>
<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript"
	src="http://malsup.github.com/chili-1.7.pack.js"></script>
<script type="text/javascript"
	src="http://malsup.github.com/jquery.media.js"></script>
<script type="text/javascript" src="../../../js/jquery.metadata.js"></script>
<script type="text/javascript" src="../../../js/swfobject.js"></script>
<script type="text/javascript">
	$(function() {
		$('#main').media({
			width : 300,
			height : 20,
			autoplay:true,
			src:"http://abc.com/html/jPluginDemo/1.mp3"
		});
	});
</script>
</head>
<body>
	<div id="main">
			<a class="media">MP3 File</a>
	</div>
</body>
</html>
